<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<link href="css/base.css" type="text/css" rel="stylesheet" />
<link href="css/index.css" type="text/css" rel="stylesheet" />
<link href="css/common.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <div class="header">
    <div class="head clearFix">
        <a href="javascript:;"><h1 class="fl">云道</h1></a>
        <div class="head-right fr">
            <div class="head-right-top clearFix">
                <div class="fr head-user">
                    <a class="a-ts" href="javascript:;">用户中心</a>
                    <div class="user-show">
                        <h2><a href="javascript:;">官网商城管理</a></h2>
                        <h2><a href="javascript:;">媒体管理</a></h2>
                        <h2><a href="javascript:;">第三方商城营销管理</a></h2>
                    </div>
                </div>
            </div>
            <div class="head-right-bottom">
                <ul class="clearFix">
                    <li class="fl"><a href="javascript:;">首页</a></li>
                    <li class="fl li-ts">
                        <a class="a-ts" href="javascript:;">云道商城</a>
                        <div class="mall-show">
                            <dl>
                                <dt>
                                    <a href="javascript:;">云商城产品</a>
                                </dt>
                                <dd>
                                    <a href="javascript:;">官网云商城</a>
                                    <div>免费、简单、高逼格，适用于中小企业的官方快捷商城系统</div>
                                </dd>
                                <dd>
                                    <a href="javascript:;">品牌综合商城</a>
                                    <div>个性化前端，免费运维，适用于大中型企业的全功能云电商系统</div>
                                </dd>
                                <dd>
                                    <a href="javascript:;">多店铺品牌商城</a>
                                    <div>前后台分离，简约的系统，全渠道营销，为客户量身定制的生态级云电商平台</div>
                                </dd>
                            </dl>
                            <div class="mall-show-bg"></div>
                        </div>
                    </li>
                    <li class="fl"><a href="javascript:;">智慧门店</a></li>
                    <li class="fl"><a href="javascript:;">营销平台</a></li>
                    <li class="fl"><a href="javascript:;">媒体联盟</a></li>
                    <li class="fl"><a href="javascript:;">关于云道</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
    <div class="index-banner">
        <div class="index-banner-img">
            <a href="javascript:;"><img src="images/index-banner.jpg" alt="" ></a>
        </div>
    </div>
    <div class="serve">
        <div class="serve-content wraper">
            <div class="serve-content-head clearFix">
                    <span class="string1 fl"></span>
                <div>
                    <h2 class="fl">
                        我们的服务
                        <div class="content-top">
                            PROGRAM HIGHLIGHTS
                        </div>
                    </h2>
                </div>
                    <span class="string2 fl"></span>
            </div>
            <div class="serve-content-content wraper">
                <div class="content-cont">
                    shopcmd云道，国内领先的独立电商解决方案及全渠道营销平台。完整的产品体系，简约的系统，个性化前端，全覆盖多渠道营销体系...
                </div>
                <div class="content-cont2">
                    我们致力于打造一个服务于品牌商城/独立电商的完整生态，让企业的独立电商之路变得更简单，也更有价值！
                </div>
            </div>
        </div>
        <div class="serve-piece clearFix wraper">
            <div class="serve-piece1 serve-piece11 fl">
                <div class="pieve-img"><img src="images/index-serve1.jpg" alt="" ></div>
                <h2>我是卖家</h2>
                <div class="pieve-content">
                    shopcmd云电商解决方案，我们不仅仅是领先的独立商城建站系统。我们从互联网时代品牌建设和品牌营销的全新视角，赋予了品牌商城及独立电商更大的生存空间和存在价值！
                </div>
                <div class="pieve-btn">
                    <a href="javascript:;">我要建站</a>
                </div>
            </div>
            <div class="serve-piece1 fl">
                <div class="pieve-img pieve-img1"><img src="images/index-serve2.jpg" alt="" ></div>
                <h2>我要营销</h2>
                <div class="pieve-content">
                    云道不断完善的营销系统，联合优质媒体资源，集成常用的网络营销模式及终端，以最简单的产品形态，帮助独立商城实现店铺及商品信息在全网的快速分销。
                </div>
                <div class="pieve-btn">
                    <a href="javascript:;">我要推广</a>
                </div>
            </div>
            <div class="serve-piece1 fl">
                <div class="pieve-img"><img src="images/index-serve3.jpg" alt="" ></div>
                <h2>媒体合作</h2>
                <div class="pieve-content">
                    真正的全民营销时代，无需学习，无需维护。通过您的网站、朋友圈、媒体流量、移动展现、媒体解决方案获取收益。我们致力于实现合作媒体流量价值的最大化。
                </div>
                <div class="pieve-btn">
                    <a href="javascript:;">我要合作</a>
                </div>
            </div>
        </div>
    </div>
    <div class="case">
        <div class="serve-content wraper">
            <div class="serve-content-head clearFix">
                <span class="string1 fl"></span>
                <div>
                    <h2 class="fl">
                        经典案例
                        <div class="content-top">
                            THE CLASSIC CASE
                        </div>
                    </h2>
                </div>
                <span class="string2 fl"></span>
            </div>
        </div>
        <div class="case-banner wraper clearFix">
            <div class="case-left fl"><a href="javascript:;"></a></div>
            <div class="case-img case-img1 fl">
                    <div class="img1"><a href="#"><img src="images/case-banner1.jpg" alt="" /></a></div>
                    <div class="tuceng">
                        <div class="bg"></div>
                        <p><a href="#">帮助中小企业快速开启阿萨德打撒电子...</a></p>
                    </div>
                </div>
            <div class="case-img fl">
                <div class="img1"><a href="#"><img src="images/case-banner2.jpg" alt="" /></a></div>
                <div class="tuceng">
                    <div class="bg"></div>
                    <p><a href="#">帮助中小企业快速开启阿萨德打撒电子商务</a></p>
                </div>
            </div>
            <div class="case-img fl">
                <div class="img1"><a href="#"><img src="images/case-banner3.jpg" alt="" /></a></div>
                <div class="tuceng">
                    <div class="bg"></div>
                    <p><a href="#">帮助中小企业快速开启阿萨德打撒电子商务</a></p>
                </div>
            </div>
            <div class="case-right fr"><a href="javascript:;"></a></div>
            </div>
        </div>
    <div class="main1 main1-1">
        <div class="main1-top clearFix">
            <div class="x-left fl"></div>
            <div class="x-center fl">
                <h2>合作媒体</h2>
            </div>
            <div class="x-right fr"></div>
        </div>
        <div class="main1-bottom">
            <span>ASSOCIATED MEDI</span>
        </div>
    </div>
    <div class="main3">
        <ul>
            <li class="clearFix">
                <a class="fl a1" href="javascript:;"></a>
                <a class="fl a2" href="javascript:;"></a>
                <a class="fl a3" href="javascript:;"></a>
                <a class="fl a4" href="javascript:;"></a>
                <a class="fl a5" href="javascript:;"></a>
            </li>
            <li class="clearFix li1">
                <a class="fl a1 a1-ts" href="javascript:;"></a>
                <a class="fl a2" href="javascript:;"></a>
                <a class="fl a3" href="javascript:;"></a>
                <a class="fl a4" href="javascript:;"></a>
                <a class="fl a5" href="javascript:;"></a>
            </li>
            <li class="clearFix li1">
                <a class="fl a1 a1-ts" href="javascript:;"></a>
                <a class="fl a2" href="javascript:;"></a>
                <a class="fl a3" href="javascript:;"></a>
                <a class="fl a4" href="javascript:;"></a>
                <a class="fl a5" href="javascript:;"></a>
            </li>
        </ul>
    </div>
    <div class="main4">
        <a href="javascript:;">免费体验</a>
    </div>
    <div class="footer">
        <div class="bottom">
            <div class="bottom-top clearFix">
                <div class="bottom-top-left fl">
                    <a href="javascript:;">shopcmd</a>
                    <span>|</span>
                    <a href="javascript:;">首页</a>
                    <span>|</span>
                    <a href="javascript:;">官网云商城</a>
                    <span>|</span>
                    <a href="javascript:;">智慧门店</a>
                    <span>|</span>
                    <a href="javascript:;">营销平台</a>
                    <span>|</span>
                    <a href="javascript:;">媒体联盟</a>
                    <span>|</span>
                    <a href="javascript:;">关于我们</a>
                </div>
                <div class="bottom-top-right fl">4008-188-360</div>
            </div>
            <div class="bottom-bottom">©Copyright 2015 苏州海云网络科技有限公司版权所有 | 苏ICP备15038170号-3</div>
        </div>
    </div>

</body>
</html>